<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱奇艺网页</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="main">
        <div class="serch">
            <div class="sousuo">燃罪（热搜榜第四）<a href=""><img src="./image/搜索.svg" alt="">搜索</a></div>
            <div class="vip"><a href=""><img src="./image/会员中心.svg" alt="">开通会员</a></div>
            <div class="right">
                <ul>
                    <li>
                        <a href=""><img src="./image/天气.png" alt="">6度</a>
                    </li>
                    <li>
                        <a href=""><img src="./image/游戏搜索.svg" alt="">游戏</a>
                    </li>
                    <li>
                        <a href=""><img src="./image/上传.svg" alt="">上传</a>
                    </li>
                    <li>
                        <a href=""><img src="./image/客户端.svg" alt="">客户端</a>
                    </li>
                    <li>
                        <a href=""><img src="./image/通知.svg" alt="">通知</a>
                    </li>
                    <li>
                        <a href=""><img src="./image/历史.svg" alt="">历史</a>
                    </li>
                    <li style="margin-top: 10px;width: 80px;background-color: #4c4d4f;border-radius: 8px;">
                        <a href="" style="font-size: 16px;text-align: center;"><img src="./image/登录.svg" alt="" style="display: inline-block;margin-right: 10px;width: 25px;height: 25px;">登录</a>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div><!-- 搜索框 -->
        <div class="theater">
            <ul>
                <li class="list2">
                    <a href="">全部剧集</a>
                </li>
                <li>
                    <a href=""><img src="./image/短剧场.png" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./image/小逗剧场.png" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./image/迷雾剧场.png" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./image/恋恋剧场.png" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./image/微尘剧场.png" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./image/大家剧场.png" alt=""></a>
                </li>
                <li class="list2">
                    <a href="">每日热播</a>
                </li>
                <li class="list1">
                    <a href="">免费</a>
                </li>
                <li class="list1">
                    <a href="">自制</a>
                </li>
                <li class="list1">
                    <a href="">古装</a>
                </li>
                <li class="list1">
                    <a href="">都市</a>
                </li>
                <li class="list1">
                    <a href="">谍战</a>
                </li>
                <li class="list1">
                    <a href="">军旅</a>
                </li>
                <li class="list1">
                    <a href="">喜剧</a>
                </li>
            </ul>
            <div class="clear"></div>
        </div><!-- 剧场 -->
        <div class="content">
            <div class="title">热剧推荐</div>
            <div class="first">
                <ul>
                    <li>
                        <a href=""><div class="img1"><img src="./image/念无双.avif" alt=""><span>限免第三集</span></div>
                            <span class="span1">念无双</span>
                            <span class="span2">唐嫣刘学义一眼万年</span>
                        </a>
                    </li>
                    <li>
                        <a href=""><div class="img1"><img src="./image/燃罪.avif" alt=""><span>限免10-17集</span></div><span class="span1">燃罪</span><span class="span2">十二宗诡谲火灾疑案</span></a>
                    </li>
                    <li>
                        <a href=""><div class="img2"><img src="./image/火舞倾城.avif" alt=""><span>更新至16集</span></div><span class="span1">火舞倾城</span><span class="span2">民国版五十度灰</span></a>
                    </li>
                    <li>
                        <a href=""><div class="img2"><img src="./image/爱你.avif" alt=""><span>28集全</span></div><span class="span1">爱你</span><span class="span2" style="color: orange;font-size: 12px;"><img src="./image/弹幕.svg" alt="" style="background-color: orange;margin: 3.6px;">弹幕破2000万</span></a>
                    </li>
                    <li>
                        <a href=""><div class="img1"><img src="./image/黄雀.avif" alt=""><span>限免6-11集</span></div><span class="span1">黄雀</span><span class="span2">郭京飞秦岚市井缉盗</span></a>
                    </li>
                    <li>
                        <a href=""><div class="img1"><img src="./image/母妃攻略手册.avif" alt=""><span>限免2-3集</span></div><span class="span1">母妃攻略手册</span><span class="span2">四角关系 掀翻宫闹</span></a>
                    </li>
                    <li>
                        <a href=""><div class="img2"><img src="./image/无处遁逃.avif" alt=""><span>24集全</span></div><span class="span1">无处遁逃</span><span class="span2">连环解码 乘胜追击</span></a>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="first">
                <ul>
                    <li>
                        <a href=""><div class="img2"><img src="./image/漫城.avif" alt=""><span>22集全</span></div><span class="span1">漫城</span><span class="span2">余承恩王子璇治愈热恋</span></a>
                    </li>
                    <li>
                        <a href=""><div class="img2"><img src="./image/白事先生.avif" alt=""><span>24集全</span></div><span class="span1">白事先生</span><span class="span2">禁忌职业 见众生相</span></a>
                    </li>
                    <li>
                        <a href=""><div class="img1"><img src="./image/北上.avif" alt=""><span>限免20-26集</span></div><span class="span1">北上</span><span class="span2" style="color: orange;font-size: 12px;"><img src="./image/弹幕.svg" alt="" style="background-color: orange;margin: 3.6px;">弹幕破1000万</span></a>
                    </li>
                    <li>
                        <a href=""><div class="img1"><img src="./image/大河之冰.avif" alt=""><span>限免23-29集</span></div><span class="span1">大河之水</span><span class="span2">税海寻踪 人财齐聚</span></a>
                    </li>
                    <li>
                        <a href=""><div class="img2"><img src="./image/仙台有树.avif" alt=""><span>40集全</span></div><span class="span1">黄雀</span><span class="span2" style="color: #f8778f;font-size: 12px;"><img src="./image/弹幕.svg" alt="" style="background-color: #f8778f;margin: 3.6px;">弹幕破2000万</span>
                    </li>
                    <li>
                        <a href=""><div class="img2"><img src="./image/白月梵星.avif" alt=""><span>40集全</span></div><span class="span1">白月梵星</span><span class="span2" style="color: orange;font-size: 12px;"><img src="./image/热度.svg" alt="" style="margin: 3.6px;">最高热度突破9000</span></a>
                    </li>
                    <li>
                        <a href=""><div class="img1"><img src="./image/主妇的觉醒.avif" alt=""><span>限免12-13集</span></div><span class="span1">主妇的觉醒</span><span class="span2">绝地反击 夺回一切</span></a>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div><!-- 主要内容 -->
    </div>
    <div class="logo"><a href=""><img src="./image/爱奇艺logo.svg" alt=""></a></div><!-- 爱奇艺logo -->
    <div class="aside">
        <ul>
            <li>
                <a href=""><img src="./image/首页.svg" alt=""><span>首页</span></a>
            </li>
            <li>
                <a href=""><img src="./image/微剧.svg" alt=""><span>微剧</span><img src="./image/上万部.svg" alt="" id="num"></a>
            </li>
            <li>
                <a href=""><img src="./image/免费.svg" alt=""><span>免费</span></a>
            </li>
            <li>
                <a href=""><img src="./image/短视频.svg" alt=""><span>短视频</span></a>
            </li>
            <li>
                <a href=""><img src="./image/会员中心.svg" alt=""><span>会员中心</span></a>
            </li>
            <div class="line"></div>
            <li>
                
                <a href=""><div class="shu"></div><img src="./image/电视剧.svg" alt="" ><span style="font-size: 20px;font-weight: bold;">电视剧</span></a>
            </li>
            <li>
                <a href=""><img src="./image/电影.svg" alt=""><span>电影</span></a>
            </li>
            <li>
                <a href=""><img src="./image/云影院.svg" alt=""><span>云影院</span></a>
            </li>
            <li>
                <a href=""><img src="./image/综艺.svg" alt=""><span>综艺</span></a>
            </li>
            <li>
                <a href=""><img src="./image/少儿.svg" alt=""><span>少儿</span></a>
            </li>
            <li>
                <a href=""><img src="./image/动漫.svg" alt=""><span>动漫</span></a>
            </li>
            <li>
                <a href=""><img src="./image/纪录片.svg" alt=""><span>纪录片</span></a>
            </li>
            <li>
                <a href=""><img src="./image/游戏.svg" alt=""><span>游戏</span></a>
            </li>
            <li>
                <a href=""><img src="./image/传奇游戏库.png" alt=""><span>传奇游戏库</span></a>
            </li>
            <li>
                <a href=""><img src="./image/体育.svg" alt=""><span>体育</span></a>
            </li>
            <li>
                <a href=""><img src="./image/知识.svg" alt=""><span>知识</span></a>
            </li>
            <li>
                <a href=""><img src="./image/直播.svg" alt=""><span>直播</span></a>
            </li>
            <li>
                <a href=""><img src="./image/新片预告.svg" alt=""><span>新片预告</span></a>
            </li>
            <li>
                <a href=""><img src="./image/风云榜.svg" alt=""><span>风云榜</span></a>
            </li>
            <li>
                <a href=""><img src="./image/公益.svg" alt=""><span>公益</span></a>
            </li>
            <li>
                <a href=""><img src="./image/小说.svg" alt=""><span>小说</span></a>
            </li>
            <li>
                <a href=""><img src="./image/漫画.svg" alt=""><span>漫画</span></a>
            </li>
            <li>
                <a href=""><img src="./image/VR.svg" alt=""><span>VR</span></a>
            </li>
            <li>
                <a href=""><img src="./image/热点.svg" alt=""><span>热点</span></a>
            </li>
        </ul>
        <div class="line1"></div>
        <div class="aside-bottom">
            <ul>
           <li><a href="">公司介绍</a></li>
           <li><a href="">专业内容合作</a></li>
           <li><a href="">广告及IP衍生品合作</a></li>
           <li><a href="">VIP会员采购及合作</a></li>
           <li><a href="">爱奇艺iQ号分账合作</a></li>
           <li><a href="">用户协议 隐私政策</a></li>
           <li><a href="">营业执照</a></li>
           <li><a href="">京ICP备11032965号</a></li>
           <li><a href="">信息网络传播视听节目许可证</a></li>
           <li style="margin-top: 20px;"><a href="" style="color: #fff;font-size: 14px;">更多<</a></li>
           <li>Copyright © 2025</li>
           <li><a href="">爱奇艺</a> All Rights</li>
           <li>Reserved</li>
            </ul>
        </div>
    </div><!-- 侧边栏 -->
</body>
</html>